<template>
  <div>
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
             router
             @select="handleSelect" background-color="#FF5341" text-color="#fff" active-text-color="#ffd04b">
      <el-menu-item index="/home/document">未上网</el-menu-item>
      <el-menu-item index="/home/document/online">已上网</el-menu-item>
      <el-menu-item index="/home/document/completion_status">办结状态</el-menu-item>
      <el-menu-item index="/home/document/conclude">已办结</el-menu-item>
    </el-menu>
    <router-view/>
  </div>
</template>
<script>
export default {
  name: 'documentView',
  data () {
    return {
      activeIndex: '/home/document'
    }
  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
    }
  }
}
</script>
